<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/jquery-1.8.3.js"></script> 

<h1 align="center">Technican Activity List</h1>
<table >
<thead>
	<tr>
		<th>Activity name</th>
		<th>Time Start</th>
		<th>Time End</th>
		<th>Customer location</th>
		<th>Actions</th>
	</tr>
</thead>
<tbody>
<tr>
		<td>PC Repaire</td>
		<td>01/03/2012</td>
		<td>04/03/2012</td>
		<td>Casablaca / Sbata</td>
		<td id="actions">
			<b id="details">Details</b>
			Debriefed
		</td>	
</tr>
<tr>
		<td>PC Installation</td>
		<td>05/03/2012</td>
		<td>09/03/2012</td>
		<td>Khouribga / Roudani</td>
		<td id="actions">
			<b id="details">Details</b>
			<b id="debrief">Debrief</b>
		</td>	
</tr>
<tr>
		<td>PC Installation</td>
		<td>05/03/2012</td>
		<td>09/03/2012</td>
		<td>Khouribga / ENSA</td>
		<td id="actions">
			<b id="details">Details</b>
			<b id="debrief">Debrief</b>
		</td>	
</tr>
</tbody>
<tfoot>
</tfoot>
</table>

<script>
$("b#details").click(function(){
	  $("#body").load("ActivityDetail.html");
});
$("b#debrief").click(function(){
	$("#body").load("ExecuteServiceActivity.html");
});

</script>